@(title: String, scripts: Html = Html(""))(content: Html)
<!DOCTYPE html>
<html>
    <head>
        <link href="@routes.Assets.at("stylesheets/bootstrap.css")" rel="stylesheet">
        <link href="@routes.Assets.at("stylesheets/main.css")" rel="stylesheet">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <title>@title</title>
    </head>
    <body>
        <div id="navbar" class="navbar navbar-inverse navbar-fixed-top">
          <div class="navbar-inner">
            <div class="container">
              <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <div class="nav-collapse collapse">
                <ul class="nav">
                  <li data-url="/User/Picture/"><a href="javascript:void(0)">Pictures</a></li>
                  <li data-url="/User/Event/"><a href="javascript:void(0)">Events</a></li>
                  <li data-url="/User/Place/"><a href="javascript:void(0)">Places</a></li>
                  <li data-url="/User/User/"><a href="javascript:void(0)">Users</a></li>
                  <li data-url="/User/User/Api" class="no-sidebar"><a href="javascript:void(0)">API Doc</a></li>
                  <li data-url="/User/About/" class="no-sidebar"><a href="javascript:void(0)">About</a></li>
                </ul>
                <div class="navbar-form pull-right">
                  <input id="settings" type="button" class="btn" value="My settings" />
                  <input id="logout" type="button" class="btn" value="Logout" />
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="container-fluid">
            <div class="row-fluid">
                <div class="span3">
                    <div class="well sidebar-nav">
                        <ul id="sidebar" class="nav nav-list">
                        </ul>
                    </div>
                </div>
                <div id="main-container" class="span9">
                    @content
                </div>
            </div>
        </div>
        <script src="@routes.Assets.at("javascripts/global.js")"></script>
        <script src="@routes.Assets.at("javascripts/function.js")"></script>
        @scripts
    </body>
</html>